function operation() {
  /*********** 删除商品 ***********/
  $('.del_good').on('click', function () {
    // 获取到这一行的编号
    let id = $(this).parent().parent().find('.code').html()
    goodsArr.forEach((item, index) => {
      // 删除 id 一样的数据
      if (item.code === id) {
        goodsArr.splice(index, 1)
      }
    })
    $(this).parent().parent().remove()
    // 计算总金额
    total()
    localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
  })

  /**********  全选与单选 *********/
  /* 全选 */
  $('.all_check').on('change', function () {
    $('.check').prop('checked', $('.all_check').prop('checked'))
    total()
    checkGoods()
  })
  /* 单选 */
  $('.check').on('change', function () {
    // 单选中有一个没选中，就全部没选中
    if ($(this).prop('checked') === false) {
      $('.all_check').prop('checked', false)
    } else {
      const len = $('tbody>tr').length
      let leng = 0
      // 遍历 判断 选中的长度
      for (let i in $('.check')) {
        if ($('.check')[i].checked) {
          leng++
        }
      }
      if (len === leng) {
        $('.all_check').prop('checked', true)
      }
    }
    // 计算金额
    total()
    checkGoods()
  })
  /* 删除选中 */
  $('.del_select').on('click', function () {
    $('.check').each(function () {
      if ($(this).prop('checked')) {
        let id = $(this).parent().parent().find('.code').html()
        // 删除 id 一样的数据

        goodsArr.forEach((item, index) => {
          if (item.code === id) {
            goodsArr.splice(index, 1)
          }
        })
        $(this).parent().parent().remove()
      }
    })
    // 总金额为零
    total()
    localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
  })
  /*********** 修改商品数量 ***********/
  /* 加数量 */
  $('.add_btn').on('click', function () {
    // 获取到这一行的编号
    let id = $(this).parent().parent().find('.code').html()
    goodsArr.forEach((item, index) => {
      if (item.code === id) {
        item.label++
      }
    })
    let num = Number($(this).parent().parent().find('.sp').html()) + 1
    $(this).parent().parent().find('.sp').html(num)
    let subnum = num * Number($(this).parent().parent().find('.td_price').html())
    $(this).parent().parent().find('.subtotal').html(subnum)
    // 计算总金额
    total()
    localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
    // 渲染购物车
    // cart()
  })
  /* 减数量 */
  $('.red_btn').on('click', function () {
    // 获取到这一行的编号
    let id = $(this).parent().parent().find('.code').html()
    goodsArr.forEach((item, index) => {
      if (item.code === id) {
        if (item.label > 1)
          item.label--
      }
    })
    let num = Number($(this).parent().parent().find('.sp').html()) - 1
    if (num > 0) {
      $(this).parent().parent().find('.sp').html(num)
      let subnum = num * Number($(this).parent().parent().find('.td_price').html())
      $(this).parent().parent().find('.subtotal').html(subnum)
    }
    // 计算总金额
    total()
    localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
    // 渲染购物车
    // cart()
  })
  /* 总价 */
  function total() {
    let total = 0
    $('.check').each(function () {
      if ($(this).prop('checked')) {
        // 获得每行的小计金额
        total += Number($(this).parent().parent().find('.subtotal').html())
      }
    })
    $('.total').html(total)
  }
  /* 选中商品的数量 */
  function checkGoods() {
    let leng = 0
    // 遍历 判断 选中的长度
    for (let i in $('.check')) {
      if ($('.check')[i].checked) {
        leng++
      }
      $('.check_goods').html(leng)
    }
  }
  checkGoods()
}
/****************  保存商品 *****************/
// 保存商品
let goodsArr = []
let goods_cart = {
  day: '',
  name: '',
  pic: '',
  code: '',
  curPrice: '',
  subtotal: '',
  label: ''
}
// 判断本地是否有存在的数据
if (JSON.parse(localStorage.getItem("goodsArr")) != null)
  goodsArr = JSON.parse(localStorage.getItem("goodsArr"))
// function cart() {
// 判断是否有商品
if (goodsArr.length !== 0) {
  let html = template('goods_cart', { cart: goodsArr })
  $('.tb_goods').html(html)
  let goodsnum = 0
  goodsArr.forEach(item => {
    goodsnum += item.label
  })
  $('.goodsNum').html(goodsnum)
}

/* 保存本地 */
localStorage.setItem("goodsArr", JSON.stringify(goodsArr))
/* 操作功能 */
operation()
// }
//渲染购物车
// cart()








// /**************** 通过 ID 保存商品 *****************/
// // 保存加入购物车商品的 ID
// let cart = Array()
// // 获取加入购物车商品的 ID
// let code = JSON.parse(localStorage.getItem("cart"))
// // 遍历对象 添加
// for (let key in code) {
//   cart.push(code[key])
// }
// // 去重
// cart = Array.from(new Set(cart))
// // 定义商品数组
// let goodsArr = Array()
// /***********  获取到商品  *************/
// $.ajax({
//   url: '../json/lol.json',
//   method: 'GET',
//   dataType: 'json',
//   success: function (data) {
//     cart.forEach(item => {
//       let list = data.find((i) => item == i.valiDate[0].code)
//       goodsArr.push(list)
//     })
//     /* 渲染购物车 */
//     if (goodsArr.length != 0) {
//       let html = template('goods_cart', { cart: goodsArr })
//       $('.tb_goods').html(html)
//     }
//     /* 放大镜功能 */
//     operation()
//   }
// })


// 设置 
// 转成 JSON JSON.stringify()
// localStorage.setItem("cart", JSON.stringify(cart))
// 获取
// let b = localStorage.getItem("cart")
// 转成对象 JSON.parse()
// localStorage.dat
// //删除
// localStorage.removeItem("dat");